.with_left_col {
  height: 25px;
  line-height: 25px;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  &::before {
    content: '';
    width: 3px;
    height: 18px;
    background-color: red;
    position: absolute;
    bottom: 3px;
    // top: 0;
    // transform: translateY(50%);
    left: -10px;
  }
}

.detail_chart{
  position: relative;
  .echart_title_name{
    margin-left: 10px;
    // margin-left: 60px;
    font-size: 16px;
    font-weight: bolder;
    margin-right: 60px;
    display: flex;
    justify-content: space-between;
  }
}
// echart 自定义图例
.comm_chart_legend{
  position: absolute;
  display: flex;
  justify-content: center;
  width: 100%;
  bottom: 15px;
  .legend_line{
    margin: 0 25px;
    position: relative;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    // font-weight: bold;
    position: relative;
    &::before {
      content: '';
      width: 20px;
      height: 3px !important;
      // background-color: pink;
      position: absolute;
      top: 9px;
      left: -25px;
    }
    &.blue_line{
      &::before {
        background-color: #2377CC;
      }
    }
    &.red_line{
      &::before {
        background-color: #e02020;
      }
    }
    &.yellow_line{
      &::before {
        background-color: #ffaa00;
      }
    }
    &.purple_line{
      &::before {
        background-color: #cc7bf5;
      }
    }
  }
}
